// stores/counter.js
import {
	defineStore
} from 'pinia'
import {
	ref,
	computed
} from 'vue'

// 1. 选项式 Store

// 这里省略上一小节代码

// 2. 组合式 Store
export const useCounterStore = defineStore('counter', () => {
	// 定义 state
	const count = ref(0)

	// 定义 getters
	const double = computed(() => count.value * 2)

	// 定义 actions
	function increment() {
		count.value++
	}

	function decrement() {
		count.value--
	}

	// 千万不要忘记这里要 return
	return {
		count,
		double,
		increment,
		decrement
	}
}, {
	persist: {
		path: ['count']
	},
})